<template>
    <h1>炸雷炸雷</h1>
    <span>(文本插值)姓名:{{ name }}</span>
    <br>
    <span>(文本插值)性别:{{ sex }}</span>
    <br>
    <span v-html="atter"></span>

    <input type="text" v-bind:id="Sid" v-bind:name="Sname" />

    <button :disabled="IsTrue">按钮</button>

    <input type="text" v-bind:value="teacher.id" />
    <input type="text" v-bind:value="teacher.name" />

    <div>{{ssname.substring(2,5)}}</div>

</template>


<script setup lang="ts">

//声明常量
const name = '张三'

//v-html 指令使用
const atter="<a href='https://blog.csdn.net/super828/article/details/119840801'>网</a>";

//声明参数，通过v-bind完成绑定
const Sid="1";
const Sname='张三';

//完成按钮属性设置
const IsTrue=false;

//创建对象 保存教师编号、教师姓名
const teacher={
    id:"1",
    name:'张三'
}


const ssname="北京物联网工程学院";
const sex='男'
</script>

